<div class="submenu">

    <div id="saved-networks-container" class="scrollable-list"></div>


    <div class="top-section">
        <div class="buttons-left">
            <div title="Autosave enabled">
                <input type="checkbox" id="autosave-enabled" name="autosave-enabled">
                <label for="autosave-enabled">Autosave</label>
            </div>
            <a id="new-save-button">Save As...</a>
            <a id="clear-button">Clear</a>
            <div id="clear-sure" style="display:none">
                <a id="clear-unsure-button">no</a>
                <a id="clear-sure-button">yes</a>
            </div>
        </div>
        <div id="savedCoordinatesContainerTop" class="saved-coordinates-container"></div>
    </div>

    <div id="savedCoordinatesContainer" class="saved-coordinates-container"></div>

    <div class="bottom-section">
        <div id="savedCoordinatesContainerBottom" class="saved-coordinates-container"></div>
        <div class="buttons-right">
            <a id="saveCoordinatesBtn">Store Coordinates</a>
            <a id="deleteCoordinatesBtn">Delete Coordinates</a>
        </div>
    </div>

    <div id="coordinates" class="coordinates-container">
        <div class="coordinate-field">
            <span>pan</span>
            <input id="pan" type="text" value="0+0i" style="background:none; border:none;" size="28" />
        </div>
        <div class="coordinate-field">
            <span>zoom</span>
            <input id="zoom" type="text" value="1" style="background:none; border:none;" size="25" />
        </div>
    </div>
</div>